জাভাস্ক্রিপ্ট কোডকে ব্যাখ্যা করার জন্য এবং অধিক পাঠযোগ্য করে তোলার জন্য জাভাস্ক্রিপ্ট কমেন্ট ব্যবহার করা হয়।
কোডকে সম্পাদন থেকে বিরত রাখার জন্যও জাভাস্ক্রিপ্ট কমেন্ট ব্যবহার করা হয়। বিশেষ করে বিকল্প কোনো কোডকে টেস্ট করার সময় কমেন্ট ব্যবহার করা হয়।
এক লাইনের কমেন্ট // দিয়ে শুরু হয়।
// এর পরে যেকোন ধরণের টেক্সট কে জাভাস্ক্রিপ্ট এড়িয়ে চলে।
নিচের উদাহরণে কোডকে ব্যাখ্যা করার জন্য প্রতি লাইনের আগে এক লাইনের কমেন্ট করা হয়েছে।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3 id="header"></h3>
<p id="para"></p>
<script>
// হেডিং পরিবর্তন হবে
document.getElementById("header").innerHTML = "প্রথম পেজ";
// প্যারাগ্রাফ পরিবর্তন হবে
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</body>
</html>
নিচের উদাহরণে কোডের বর্ণনা করার জন্য প্রতি লাইন কোডের শেষে এক লাইনের কমেন্ট যোগ করা হয়েছেঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="test"></p>
<script>
var a = 10; // a কে চলক ঘোষণা করে এর মান 10 দেওয়া হয়েছে
var b = a + 5; // b কে চলক ঘোষণা করে এর মান a + 5 দেওয়া হয়েছে
document.getElementById("test").innerHTML = b; // b এর মান test তে লেখা হলো
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</bodb>
</html>
একের অধিক লাইনের কমেন্ট /* দিয়ে শুরু হয় এবং */ দিয়ে শেষ হয়।
/* এবং */ এর মধ্যে যেকোন ধরণের টেক্সটকে জাভাস্ক্রিপ্ট এড়িয়ে চলে।
নিচের উদাহরণে কোড বুঝার জন্য একের অধিক লাইনের কমেন্ট ব্যবহার করা হয়েছে:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3 id="header"></h3>
<p id="para"></p>
<script>
/*
এই কোডগুলো এইচটিএমএল ওয়েব পেজের
id = "header" এর হেডিং এবং
id = "para" এর প্যারাগ্রাফ পরিবর্তন করে
*/
document.getElementById("header").innerHTML = "প্রথম পেজ";
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</body>
</html>
 | অধিকাংশক্ষেত্রেই এক লাইনের কমেন্ট ব্যবহার করা হয়। ডকুমেন্ট লেখার ক্ষেত্রে একের অধিক লাইনের কমেন্ট লেখা হয়। |
|---|
কোড টেস্টের ক্ষেত্রে কমেন্টের মাধ্যমে কোড সম্পাদনকে বাধা দেওয়া উচিত।
নিচের উদাহরণে // ব্যবহার করে প্রথম লাইনকে সম্পাদন থেকে বাধা দেওয়া হয়েছেঃ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<h3 id="header"></h3>
<p id="para"></p>
<script>
//document.getElementById("header").innerHTML = "প্রথম পেজ";
document.getElementById("para").innerHTML = "প্রথম অনুচ্ছেদ";
</script>
<p><strong>নোটঃ</strong> কমেন্টগুলো সম্পাদন হবে না।</p>
</body>
</html>
নিচের উদাহরণে একাধিক লাইনের কোডকে সম্পাদন থেকে বাধা দিতে কমেন্ট ব্লক ব্যবহার করা হয়েছেঃ
kt_satt_skill_example_id=172
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
